import request from "../../utils/request";
Page({
  /**
   * 页面的初始数据
   */
  data: {
    pictureList: [], // 轮播图数据
    recommendList: [], // 推荐歌单数据
    rankingList: [] // 排行榜数据
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 初始化首页数据
    this.getHomePageData();
  },
  /**
   *  初始化数据
   */
  async getHomePageData() {
    //获取轮播图数据
    const { banners } = await request("/banner", { type: 2, });
    this.setData({ pictureList: banners, });

    // 获取推荐菜单
    const { result } = await request("/personalized", { limit: 20, });
    this.setData({ recommendList: result })

    // 获取所有排行榜歌曲详情
    const { list } = await request('/toplist/detail')
    let res = []
    const songList = []
    // 只取前4id歌单
    list.forEach(async (item, index) => {
      if (index < 4) {
        // 必须这样写否则异步 下面push会报错
        res = await request('/playlist/detail', { id: item.id })
        // console.log(res.playlist.tracks);
        songList.push({ name: res.playlist.name, al: res.playlist.tracks.splice(0, 3).map(key => key)}) // 截取前三
        this.setData({ rankingList: songList }) 
      }
      return
    })
  },
  /**
   *  跳转每日推荐
   */
  jumpSong() {
    wx.navigateTo({url:'/songPackage/pages/recommendSong/recommendSong'})
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () { },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () { },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () { },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () { },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () { },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () { },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () { },
});

// const arr = {}
// const songList = res.map(item => {
//   arr.push( item.playlist.name  )
//   item.playlist.trackIds.forEach((value, index) => {
//     if (index >= 3) {
//      return
//     }
//     arr[item.playlist.name].push(value)
//   })
//   return arr
// })